<!--
 * @Author: your name
 * @Date: 2021-11-20 00:11:16
 * @LastEditTime: 2021-11-20 00:14:01
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \jf-nlitc\src\views\Home\swyzt\swjc\sk\index.vue
-->
<template>
    <!-- 水库 -->
    <div class="bottom">
        <div class="raining">
            <p>站测资料</p>
        </div>
        <div class="level" v-for="(item, index) in bottomList" :key="index">
            <span>{{item.shijian}}</span>
            <span>{{item.number}}</span>
        </div>

    </div>
</template>

<script>
export default {
    data() {
        return {
            bottomList: [
                {
                    shijian: '安装时间',
                    number: '2012-12-20 20:00',
                },
                {
                    shijian: '教调时间',
                    number: '2021-12-22 20:00',
                },
                {
                    shijian: '行政负责人及电话',
                    number: '张三 18866665555',
                },
                {
                    shijian: '技术负责人及电话',
                    number: '李四 18866665556',
                },
                {
                    shijian: '现场联系人电话',
                    number: '王五 18866665557',
                },
            ],
        }
    },
    computed: {},
    watch: {},
    methods: {},
    created() {},
    mounted() {},
    beforeCreate() {},
    beforeMount() {},
    beforeUpdate() {},
    updated() {},
    beforeDestroy() {},
    destroyed() {},
    activated() {},
    components: {},
}
</script>

<style lang="scss" scoped>
.bottom {
    width: 100%;
    height: 33%;
    // border: 1px solid red;
    margin-top: 20px;
    .raining {
        width: 100%;
        height: 25px;
        // border: 1px solid red;
        background: url('../../../../../../../src/assets/images/home/top.png') no-repeat center;
        background-size: 99% 100%;
        p {
            margin-left: 15px;
            font-family: OPPOSans;
            font-size: 18px;
        }
    }
    .level {
        width: 98%;
        height: 40px;
        border-style: solid;
        border: none;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        margin-top: 5px;
        padding-left: 20px;
        display: flex;
        // text-align: center;
        line-height: 50px;
        justify-content: space-between;
        font-size: 14px;
        // line-height: 18px;
        letter-spacing: 0.6px;

        color: #e8effb;
    }
}
</style>
